/**
 * 学习目标：useState 改造受控组件
 * 1. value/checked 跟 state 做好绑定
 * 2. onChange 修改 state 的值
 */
import React, { useState } from 'react';

export default function App() {
  const [msg, setMsg] = useState('我是初始msg');
  const handleChange = (e) => {
    // this.setState({msg:})
    setMsg(e.target.value);
  };
  return (
    <>
      {/* 定义方法再绑定 */}
      <input type="text" value={msg} onChange={handleChange} />
      {/* 页面上直接绑定方法 */}
      <input type="text" value={msg} onChange={(e) => setMsg(e.target.value)} />
    </>
  );
}
